<!DOCTYPE html>
<html lang="zh-CN">
{% load staticfiles %}

<head>
  <title>登录 - XFindSalary账号</title>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <script src="{% static 'js/basebase.js'%}" type="text/javascript"></script>
  <link rel="stylesheet" href="{% static 'bower_components/bootstrap/dist/css/bootstrap.min.css'%}">
  <link rel="stylesheet" href="{% static 'bower_components/font-awesome/css/font-awesome.min.css'%}">
  <link rel="stylesheet" href="{% static 'bower_components/iconic/css/material-design-iconic-font.min.css'%}">

  <link rel="stylesheet" type="text/css" href="{% static 'css/util.css'%}">

  <link rel="stylesheet" href="{% static 'css/loading.css' %}">
  <link rel="stylesheet" type="text/css" href="{% static 'css/PopupPurple.css'%}">
  <link rel="stylesheet" type="text/css" href="{% static 'css/mylogin.css'%}">
  <link rel="Shortcut Icon" href="/static/ico/X_128px.ico" type="image/x-icon">

</head>

<body onload="initPage()">
  {% include 'reference/loading.html' %}
  {% include 'reference/ModalFindpassword.html' %}

  <div class="ZhangCheng" id="ZhangCheng">
    <div class="form-container sign-up-container">

      <form>
  
        <h1>注册</h1>
        <div class="social-container">

        </div>
        <span class="form-group">请填写您的基本信息以验证您的身份</span>
        <div class="form-group">
          <input type="text" id="idInput" name="staff_id"  required>
          <label for="username" class="float-label">ID Name</label>
        </div>
        <div class="form-group">
          <input type="text" id="nameInput" name="staff_name" required>
          <label for="username" class="float-label">Name</label>
        </div>
        <div class="form-group">
          <input type="text" id="phoneInput" maxlength="15" name="staff_phone"  required>
          <label for="username" class="float-label">Phone Number</label>
        </div>
        <div class="form-group">
          <input name="staff_email" id="emailInput" type="text" maxlength="50"  required>
          <label for="username" class="float-label">Email</label>
        </div>
        <div class="text-center m-b-15">
            <span class="fa fa-remove" style="color:#dd4b39; display: none;" id="error-info-Register"></span>        
        </div>
        <button class="registerbg" type="button" id="registerJustify">注册</button>
      </form>
    </div>



    <div class="form-container sign-in-container form-group">
      <form method="POST"> {% csrf_token %}
        <h1>登录</h1>
        <div class="social-container">
          <a href="#" class="social"><i class="fa fa-facebook-f"></i></a>
          <a href="#" class="social"><i class="fa fa-wechat"></i></a>
          <a href="#" class="social"><i class="fa fa-qq"></i></a>
        </div>
        <span>或使用您的帐号</span>
        <div class="form-group">
          <input type="text" name="userid" value="{{samevalue}}" autocomplete="off" required>
          <label for="username" class="float-label">ID</label>
        </div>
        <div class="form-group">
          <input type="password" name="password" required>
          <label for="username" class="float-label">Password</label>
        </div>
        {% if error_info%}
        <p class="glyphicon glyphicon-remove p-r-200" style="color:#dd4b39">{{error_info}}</p>
        {% endif %}
        <a href="#" data-toggle="modal" data-target="#ForgotModal">忘记密码？</a>
        <button class="loginbg" type="submit" id="loginToMyAccount">登录</button>
      </form>
    </div>
    <div class="overlay-container">
      <div class="overlay">
        <div class="overlay-panel overlay-left">
          <h1>已有帐号？</h1>
          <p>请使用您的帐号进行登录</p>
          <button class="ghost" id="signIn">登录</button>
        </div>
        <div class="overlay-panel overlay-right">
          <h1>没有帐号？</h1>
          <p>立即注册加入我们，开始您的便捷生活！</p>
          <button class="ghost" id="signUp">注册</button>
        </div>
      </div>
    </div>
  </div>


  <script src="{% static 'bower_components/jquery/dist/jquery.min.js'%}" type="text/javascript"></script>
  <script src="{% static 'bower_components/bootstrap/dist/js/bootstrap.min.js'%}" type="text/javascript"></script>
  <script src="{% static 'js/resetpwd.js'%}" type="text/javascript"></script>
  <script src="{% static 'js/modalform.js'%}" type="text/javascript"></script>
  <script src="{% static 'js/mylogin.js'%}" type="text/javascript"></script>
</body>

</html>